<!-- FORMULARIO ROL -->
<!-- Botones Permisos acceso a módulos (Kardex, Consultas, Configuración)-->
<script language="javascript" type="text/javascript">
    $(function() {
        $( "#perModKardex" ).buttonset();
    });
</script>
<script language="javascript" type="text/javascript">
    $(function() {
        $( "#perModConsultas" ).buttonset();
    });
</script>
<script language="javascript" type="text/javascript">
    $(function() {
        $( "#perModConfiguracion" ).buttonset();
    });
</script>


<!-- LISTA DE ROLES Y FORMULARIO DE ROLES-->
<!-- TRAE LOS ROLES -->
<script>
    function traeroles() {
        if(seleccionado == 'roles'){
            $(function() { 
                $.ajax({ 
                    data: "accio=omplirLlista", 
                    type: "GET", 
                    dataType: "json", 
                    url: "./controlador/RolControl.php", 
                    beforeSend : function(jqXHR, settings) {
                        console.info('in beforeSend');
                        console.log(jqXHR, settings);
                        $("#divajax").show(); 
                    },
                    error : function(jqXHR, textStatus, errorThrown) {
                        console.info('in error');
                        console.log(jqXHR, textStatus, errorThrown);
                    },
                    success: function(data){ 
                        //alert("hola");
                        mostraLlistaRoles(data);
                        $("#divajax").hide();
                        $(".derechaConfig").hide();
                    }
                });
            });  
        }
    }
</script>

<!-- MUESTRA LA LISTA DE ROLES -->
<script language="javascript" type="text/javascript">
    function mostraLlistaRoles(data) {
        if(seleccionado == 'roles'){
            $("#troles").empty();
            var texto = "<thead><tr><th>Código</th><th>Descripción</th><th>Acceso Kardex</th><th>Acceso Consultas</th><th>Acceso Configuración</th></tr></thead><tbody>";
            $.each(data,function(index,value) {
                texto = texto + "<tr id='"+data[index].codigoRol+"'>";
                texto = texto + "<td>"+data[index].codigoRol+"</td>";
                texto = texto + "<td>"+data[index].descripcionRol+"</td>";
                texto = texto + "<td>"+data[index].perModKardex+"</td>";    
                texto = texto + "<td>"+data[index].perModConsultas+"</td>";    
                texto = texto + "<td>"+data[index].perModConfiguracion+"</td>";    
                texto = texto + "</tr>";
            });
            var texto = texto+"</tbody>";
            $("#troles").append(texto);
        }
    }
</script>


<!-- CLIC A AÑADIR ROL -->
<script type='text/javascript'>
    $(function() { 
        $("#afegirR").click(function() {
            $("#rolesForm").show();
            $("#frol").reset();
            //  selectRolDependiente();

<?php
$_SESSION['rolSelected'] = "";
//$_SESSION['rol'] = null;
?>;
        });
    });
</script>

<!-- CLIC A UN ROL DE LA LISTA PARA MOSTRARLO EN EL FORMULARIO DERECHA-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#troles').delegate('tbody tr', 'click', function () {  
            //$("#troles tbody").click(function(event) {
            var codigoRolClic = $(this).attr("id");
            $.ajax({ 
                data: "accio=omplirFRol&codigoRolClic="+codigoRolClic, 
                type: "GET", 
                dataType: "json", 
                url: "controlador/RolControl.php",
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                error : function(jqXHR, textStatus, errorThrown) {
                    console.info('in error');
                    console.log(jqXHR, textStatus, errorThrown);
                },
                success: function(data){ 
                    mostraFRol(data);
                    $("#divajax").hide();
                    
                }
            });
 
        });
    });
</script>

<!-- MUESTRA LOS DATOS DEL FORMULARIO ROL -->
<script language="javascript" type="text/javascript">
    function mostraFRol(data) {
        $("#frol").reset();
        $("#rolesForm").show();
        $.each(data,function(index,value) { 
            $("#codigoRol").val(data[index].codigoRol);
            $("#descripcionRol").val(data[index].descripcionRol);
            var $elselect = $('input:radio[name=perModKardex]');
            if(data[index].perModKardex == 1){
                $elselect.filter('[value=1]').attr('checked',true);   
                $elselect.filter('[value=0]').attr('checked',false);
            }else{
                $elselect.filter('[value=0]').attr('checked',true);   
                $elselect.filter('[value=1]').attr('checked',false);
            }   
            $elselect = $('input:radio[name=perModConsultas]');
            if(data[index].perModConsultas == 1){
                $elselect.filter('[value=1]').attr('checked',true);   
                $elselect.filter('[value=0]').attr('checked',false);
            }else{
                $elselect.filter('[value=0]').attr('checked',true);   
                $elselect.filter('[value=1]').attr('checked',false);
            } 
            $elselect = $('input:radio[name=perModConfiguracion]');
            if(data[index].perModConfiguracion == 1){
                $elselect.filter('[value=1]').attr('checked',true);   
                $elselect.filter('[value=0]').attr('checked',false);
            }else{
                $elselect.filter('[value=0]').attr('checked',true);   
                $elselect.filter('[value=1]').attr('checked',false);
            } 
        });
    }
</script>



<!-- CLIC A GUARDAR ROL EN LA BASE DE DATOS(MODIFICARLO O CREARLO)-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#guardarR').click(function() {  
            if($("#codigoRol").val() ==""){
                var datos = "accio=create&codigoRol=&"+$("#frol").serialize(); 
            }else{
                var datos = "accio=update&codigoRol="+$("#codigoRol").val()+"&"+$("#frol").serialize(); 
            }
                  
            $.ajax({ 
                data: datos,
                type: "GET", 
                dataType: "json", 
                async: false,
                url: "controlador/RolControl.php", 
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                error : function(jqXHR, textStatus, errorThrown) {
                    console.info('in error');
                    console.log(jqXHR, textStatus, errorThrown);
                },
                success: function(data1){
                    traeroles();
                    $("#divajax").hide(); 
                }
            });
 
        });
    });
</script>


<!-- CLIC A ELIMINAR ROL EN LA BASE DE DATOS(DELETE)-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#deleteR').click(function() {  

            var datos = "accio=delete&codigoRol="+$("#codigoRol").val()+"&"+$("#frol").serialize(); 
                  
            $.ajax({ 
                data: datos,
                type: "GET", 
                dataType: "json", 
                async: false,
                url: "controlador/RolControl.php", 
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                success: function(data1){
                    traeroles();
                    $("#divajax").hide(); 
                }
            });
 
        });
    });
</script>

